<!DOCTYPE html>
<html>
<head>
    <title>Web Tranh</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="language" content="en" />
    <link rel="stylesheet" href="css/style.css"/>
    <link rel="stylesheet" href="css/style1.css"/>
    <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="css/default.css"/>
    <link rel="stylesheet" href="css/nivo-slider.css"/>
    <link rel="stylesheet" href="css/slider.css"/>
    <script type="text/javascript" src="js/jquery-1.9.0.js"></script>
    <script type="text/javascript" src="js/jquery.nivo.slider.js"></script>
    <script type="text/javascript" src="lib/bootstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/javascript.js"></script>
    <script type="application/javascript">
        $(function() {
            $('#slider').nivoSlider();
            $('.order').tooltip();
            $('.detail').tooltip();

        });
    </script>
</head>
<body>
    <div class="container">
        <div class="banner">

        </div>
        <div id="search">
            <img src="css/toolbar_find.png" alt=""/>
            <input type="search" name="search" width="260px" value="Tìm Kiếm Tranh"/>

        </div>

        <div class="nav-horizontal ribbon">
            <a href="#"><span>Trang Chủ</span></a>
            <a href="#"><span>Phòng Tranh</span></a>
            <a href="#"><span>Liên Hệ</span></a>
            <a href="#"><span>Thanh Toán</span></a>
        </div>
        <div class="main">
            <div class="nav-vertical">
                <ul class="ca-menu">
                    <li>
                        <a href="#">
                            <span class="ca-icon">I</span>
                            <div class="ca-content">
                                <h2 class="ca-sub">Tranh Thêu</h2>
                            </div>
                        </a>
                    </li>
                    <li class="selected">
                        <a href="#">
                            <span class="ca-icon">I</span>
                            <div class="ca-content">
                                <h2 class="ca-sub">Tranh Sơn Dầu</h2>
                            </div>
                        </a>

                    </li>
                    <li>
                        <a href="#">
                            <span class="ca-icon">I</span>
                            <div class="ca-content">
                                <h2 class="ca-sub">Tranh Đá Qúy</h2>
                            </div>
                        </a>

                    </li>
                    <li>
                        <a href="#">
                            <span class="ca-icon">I</span>
                            <div class="ca-content">
                                <h2 class="ca-sub">Tranh Màu Nước</h2>
                            </div>
                        </a>

                    </li>
                    <li>
                        <a href="#">
                            <span class="ca-icon">I</span>
                            <div class="ca-content">
                                <h2 class="ca-sub">Tranh Màu Nước</h2>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span class="ca-icon">I</span>
                            <div class="ca-content">
                                <h2 class="ca-sub">Tranh Thư Pháp</h2>
                            </div>
                        </a>
                    </li>
                </ul>
                <ul>
                    <li style="margin-bottom: 10px">
                        <span>Mr Nguyen: -013123354</span>
                        <a href="ymsgr:sendim?nguyen_tranchi" border="0">
                            <img src="http://opi.yahoo.com/online?u=nguyen_tranchi&amp;t=1">
                        </a>
                    </li>
                </ul>
                <div class="fb-like-box" data-href="https://www.facebook.com/FacebookDevelopers" data-width="250px" data-height="300px" data-header="true" data-show-border="true">
                </div>
                <div id="fb-root"></div>
            </div>
            <div class="content">
                <div id="wrapper">
                    <div class="slider-wrapper theme-default">
                        <div id="slider" class="nivoSlider">
                            <img src="images/toystory.jpg" data-thumb="images/toystory.jpg" alt="" />
                            <a href="http://dev7studios.com"><img src="images/up.jpg" data-thumb="images/up.jpg" alt="" title="This is an example of a caption" /></a>
                            <img src="images/walle.jpg" data-thumb="images/walle.jpg" alt="" data-transition="slideInLeft" />
                            <img src="images/nemo.jpg" data-thumb="images/nemo.jpg" alt="" title="#htmlcaption" />
                        </div>
                        <div id="htmlcaption" class="nivo-html-caption">
                            <strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>.
                        </div>
                    </div>
                </div>
                <div id="hot" class="">
                    <div class="title">
                        <span>Tranh Hot</span>
                        <div class="right">
                            <ul>
                                <li><a href="#">Đầu</a></li>
                                <li><a href="#">1</a></li>
                                <li><a href="#">2</a></li>
                                <li><a href="#">2</a></li>
                                <li><a href="#">3</a></li>
                                <li><a href="#">Cuối</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="trick"></div>
                    <div class="card">

                        <img src="images/17.jpg" alt=""/>
                        <span class="name"> <a href="#">Lan Đỏ</a> </span>

                        <span class="size">Kích Thước: 50cm x 50cm </span>

                        <span class="cost">4.000.000 vnđ</span>
                        <ul class="icon">
                            <li><a href="#" title="Thêm vào giỏ hàng" class="order"></a></li>
                            <li><a href="#" title="Chi tiết" class="detail"></a></li>
                        </ul>
                    </div>
                    <div class="card">

                        <img src="images/17.jpg" alt=""/>
                        <span class="name"> <a href="#">Lan Đỏ</a> </span>
                        <span class="size">Kích Thước: 50cm x 50cm </span>
                        <span class="cost">4.000.000 vnđ</span>
                        <ul class="icon">
                            <li><a href="#" title="Thêm vào giỏ hàng" class="order"></a></li>
                            <li><a href="#" title="Chi tiết" class="detail"></a></li>
                        </ul>
                    </div>
                    <div class="card">
                        <img src="images/17.jpg" alt=""/>
                        <span class="name"> <a href="#">Lan Đỏ</a></span>
                        <span class="size">Kích Thước: 50cm x 50cm </span>
                        <span class="cost">4.000.000 vnđ</span>
                        <ul class="icon">
                            <li><a href="#" data-toggle="tooltip" data-original-title="Thêm vào giỏ hàng" title="Thêm vào giỏ hàng"  class="order"></a></li>
                            <li><a href="#" data-toggle="tooltip" data-original-title="Xem Chi Tiết" title="Chi tiết" class="detail"></a></li>
                        </ul>
                    </div>


                </div>
                <div id="new">

                </div>
            </div>
        </div>
        <div class="footer">
            <legend>
                Thông tin abcdd
            </legend>
        </div>
    </div>

</body>
</html>